// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})
axios.defaults.baseURL = 'http://ajax-api.itheima.net';
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
   let token=localStorage.getItem("token")
   if(token) config.headers.Authorization=token
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
 let data=  response.data
  return data
}, function (error) {
    if(error.response.status==401){
      localStorage.removeItem("token")
      localStorage.removeItem("username")
      location.href="./login.html"
    }
  return Promise.reject(error);
});

function tip(str){
  document.querySelector('.toast-body').innerHTML=str
  let toastLiveExample = document.getElementById('myToast')
   let toast = new bootstrap.Toast(toastLiveExample)
     toast.show()
 } 
let username= document.querySelector('#username')
if(username){
  username.innerHTML=localStorage.getItem("username")
}
let logout =document.querySelector('#logout');
if(logout){
  logout.addEventListener("click",function(){
   localStorage.removeItem("token")
   localStorage.removeItem("username")
    location.reload()
  })
}